<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admini/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admini/css/admin.css" />
		<link rel="stylesheet" href="__PUBLIC__/admini/beatPicker/css/BeatPicker.min.css" />
	</head>

	<body>
		<div class="page-content-wrap">

			<form class="layui-form" enctype="multipart/form-data" method="post" action="{:url('')}">
				<div class="layui-tab" style="margin: 0;">
					<ul class="layui-tab-title">
						<li class="layui-this">新增信息</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item"></div>
						<div class="layui-tab-item layui-show">
							<div class="layui-form-item">
								<label class="layui-form-label">姓名：</label>
								<div class="layui-input-inline">
									<input type="text" name="teacher_name" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">用户名：</label>
								<div class="layui-input-inline">
									<input type="text" name="username" required lay-verify="required" placeholder="请输入电话" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">家庭电话：</label>
								<div class="layui-input-inline">
									<input type="text" name="tel" required lay-verify="required" placeholder="请输入家庭电话" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">出生年月：</label>
								<div class="layui-input-inline">
									<input type="text" name="age" data-beatpicker="true" required lay-verify="required" placeholder="请输入日期" class="layui-input" />
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">性别：</label>
								<div class="layui-input-block">
									<input type="radio" name="sex" value="1" title="男" checked="checked">
									<input type="radio" name="sex" value="2" title="女">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">班级：</label>
								<div class="layui-input-inline">
									<select name="grade" lay-verify="required">
										{foreach name="type" item="vo"}
										<option value="{$vo.id}" {if $vo.level==1}disabled{/if}>{neq name="vo.level" value="1"}| {for start='1' end='$vo.level'} ---- {/for} {/neq} {$vo.class_name}</option>
										{/foreach}
									</select>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">头像：</label>
								<div class="layui-input-block">
									<input type="file" name="file" class="layui-upload-file">
									<img id="imagessrc" src="__PUBLIC__/index/images/menu_icon.png" width="50px" height="50px">
									<input type="text" value="" name="images" id="images" style="display: none;">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">入校时间：</label>
								<div class="layui-input-inline">
									<input type="text" name="in_time" data-beatpicker="true" required lay-verify="required" placeholder="请输入日期" class="layui-input" />
								</div>
							</div>

							<div class="layui-form-item">
								<label class="layui-form-label">选择地区：</label>
								<div class="layui-input-inline">
									<select name="province" lay-filter="province">
										<option value="">请选择省</option>
									</select>
								</div>
								<div class="layui-input-inline">
									<select name="city" lay-filter="city">
										<option value="">请选择市</option>
									</select>
								</div>
								<div class="layui-input-inline">
									<select name="area" lay-filter="area">
										<option value="">请选择县/区</option>
									</select>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">详细地址：</label>
								<div class="layui-input-block">
									<input type="text" name="address" placeholder="请填写详细地址" class="layui-input">
								</div>
							</div>

						</div>
					</div>
				</div>
				<div class="layui-form-item" style="padding-left: 10px;">
					<div class="layui-input-block">
						<button class="layui-btn layui-btn-normal" lay-submit lay-filter="login">立即提交</button>
						<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					</div>
				</div>
			</form>
		</div>
		<script src="__PUBLIC__/admini/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/admini/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/admini/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/admini/beatPicker/js/BeatPicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__PUBLIC__/admini/js/area.js" type="text/javascript" charset="utf-8"></script>
		<script>
			var areaData = Area;
			layui.use(['jquery', 'form'], function() {
				$ = layui.jquery;
				form = layui.form();
				$form = $('form');

				loadProvince();
			});
		</script>
	</body>

</html>